<template>
  <v-header>
    <v-div direction="row">
      <v-icon :icon="isCollapse?'el-icon-s-fold':'el-icon-s-unfold'" line-height="inherit" v-model="isCollapse"
              @click="handleMenu" align-self="center"
              ml="15px"></v-icon>
      <v-breadcrumb line-height="inherit"/>
      <v-text color="blue" size="15px" gravity="end" mr="15px" flex="1">退出登陆</v-text>
    </v-div>
  </v-header>
</template>

<script>

  export default {
    name: 'mainHeader',
    props: {
      desc: {
        type: String,
        default: 'main-header'
      },
      isCollapse: Boolean,
      toggle: String
    },
    methods: {
      handleMenu () {
        this.$emit('toggle')
      }
    }
  }

</script>

